<?php if (!defined('THINK_PATH')) exit();?><!doctype html>

<html lang="en">

    <head>

        <meta charset="UTF-8">

        <title>欢迎您登录小易出行管理后台</title>

        <link rel="stylesheet" type="text/css" href="/20180512/Public/Admin/css/login.css?1" >

       	<link rel="stylesheet" type="text/css" href="/20180512/Public/Admin/css/<?php echo (C("COLOR_STYLE")); ?>.css" media="all">

    </head>

    <body id="login-page">

<div id="main-content" class="main-content">
                        <section class="login-r-wrap">
                            <h5 class="tit">小易出行</h5>
                <img src="__images__/xiaoyi-logo/png" alt="">
                            <h2 class="main-text">欢迎登录小易出行管理后台</h2>
                            <ul class="bot-ul">
                                <li><a href="">使用说明</a></li>
                                    <li>
                                        <a href="">后台运营</a>
                                    </li>
                                <li>
                                    <a href="">技术支持</a>
                                </li>
                            </ul>
                        </section>


                    <form action="<?php echo U('login');?>" method="post" class="login-form">

                        <h3 class="welcome">请输入您的账号和密码登录小易出行管理后台</h3>

                        <div id="itemBox" class="item-box">

                            <div class="item">

                                <i class="icon-login-user"></i>

                                <input type="text" name="username" placeholder="请填写用户名" autocomplete="off" />

                            </div>

                            <span class="placeholder_copy placeholder_un">请填写用户名</span>

                            <div class="item b0">

                                <i class="icon-login-pwd"></i>

                                <input type="password" name="password" placeholder="请填写密码" autocomplete="off" />

                            </div>

                            <span class="placeholder_copy placeholder_pwd">请填写密码</span>

                            <div class="item verifycode">

                                <i class="icon-login-verifycode"></i>

                                <input type="text" name="verify" placeholder="请填写验证码" autocomplete="off">
<img class="verifyimg reloadverify" alt="点击切换" src="<?php echo U('Public/verify');?>">
                          

                            </div>

                            <span class="placeholder_copy placeholder_check">请填写验证码</span>

                            <div style="text-align:right">

<a class="reloadverify" title="换一张" href="javascript:void(0)">换一张？</a>

                            </div>

                        </div>

                        <div class="login_btn_panel">

                            <button class="login-btn" type="submit">

                                <span class="in"><i class="icon-loading"></i>登 录 中 ...</span>

                                <span class="on">登 录</span>

                            </button>

                            <div class="check-tips"></div>

                        </div>

                    </form>

        </div>

	<!--[if lt IE 9]>

    <script type="text/javascript" src="/20180512/Public/static/jquery-1.10.2.min.js"></script>

    <![endif]-->

    <!--[if gte IE 9]><!-->

    <script type="text/javascript" src="/20180512/Public/static/jquery-2.0.3.min.js"></script>

    <!--<![endif]-->

    <script type="text/javascript">

    	/* 登陆表单获取焦点变色 */

    	$(".login-form").on("focus", "input", function(){

            $(this).closest('.item').addClass('focus');

        }).on("blur","input",function(){

            $(this).closest('.item').removeClass('focus');

        });



    	//表单提交

    	$(document)

	    	.ajaxStart(function(){

	    		$("button:submit").addClass("log-in").attr("disabled", true);

	    	})

	    	.ajaxStop(function(){

	    		$("button:submit").removeClass("log-in").attr("disabled", false);

	    	});



    	$("form").submit(function(){

    		var self = $(this);

    		$.post(self.attr("action"), self.serialize(), success, "json");

    		return false;



    		function success(data){

    			if(data.status){

    				window.location.href = data.url;

    			} else {

    				self.find(".check-tips").text(data.info);

    				//刷新验证码

    				$(".reloadverify").click();

    			}

    		}

    	});



		$(function(){

			//初始化选中用户名输入框

			$("#itemBox").find("input[name=username]").focus();

			//刷新验证码

			var verifyimg = $(".verifyimg").attr("src");

            $(".reloadverify").click(function(){

                if( verifyimg.indexOf('?')>0){

                    $(".verifyimg").attr("src", verifyimg+'&random='+Math.random());

                }else{

                    $(".verifyimg").attr("src", verifyimg.replace(/\?.*$/,'')+'?'+Math.random());

                }

            });



            //placeholder兼容性

                //如果支持 

            function isPlaceholer(){

                var input = document.createElement('input');

                return "placeholder" in input;

            }

                //如果不支持

            if(!isPlaceholer()){

                $(".placeholder_copy").css({

                    display:'block'

                })

                $("#itemBox input").keydown(function(){

                    $(this).parents(".item").next(".placeholder_copy").css({

                        display:'none'

                    })                    

                })

                $("#itemBox input").blur(function(){

                    if($(this).val()==""){

                        $(this).parents(".item").next(".placeholder_copy").css({

                            display:'block'

                        })                      

                    }

                })

                

                

            }

		});

    </script>

</body>

</html>